

window.onload=function(){
	// 滚动页面 改变头部背景颜色
	// 透明度比例关系: 卷曲高度/设置的最大卷曲高度=当前透明/最大透明度

	var maxScroll=600;
	var jdHeader=document.querySelector('.jd-header');
	window.addEventListener('scroll',function(){
		var _scrollTop=document.documentElement.scrollTop||window.pageYOffset||document.body.scrollTop;
		if(_scrollTop<maxScroll){
			jdHeader.style.backgroundColor='rgba(203,18,36,'+ _scrollTop/maxScroll +')'
		}else{
			jdHeader.style.backgroundColor='rgba(203,18,36,1)';
		}
	});

	// 根据li的个数 * 第一个Li的宽度 改变ul的宽度
	// 
	var jdSkillUl=document.querySelector('.jd-skill-ul');
	var jdSkillLi=jdSkillUl.querySelectorAll('li');
	var jdSkillLiWidth=jdSkillLi[0].offsetWidth*jdSkillLi.length;

	jdSkillUl.style.width=jdSkillLiWidth+"px";

	// 京东快报无缝滚动
	var fastNews = document.querySelector('#fast-news');
	var jdNewsCon=fastNews.querySelector('.jd-news-con');
	var jdNewsLi=jdNewsCon.querySelectorAll('li');
	var fastNewsSroll=fastNews.offsetHeight;
	// 复制第一个li 添加到ul最后面
	var index=0;
	jdNewsCon.appendChild(jdNewsLi[0].cloneNode(true));
	var newsTimer=setInterval(function(){
		index++;

		jdNewsCon.style.transition='transform .5s';

		jdNewsCon.style.transform="translateY("+ (-fastNewsSroll*index) +"px)";
		
	},2000);

	// 监听动画完成让ul跳回最初的状态
	jdNewsCon.addEventListener('transitionend',function(){
		if(index>jdNewsLi.length-1){
			index=0;
			jdNewsCon.style.transition='none';
			jdNewsCon.style.transform="translateY(0px)";
		}

	});

	// 倒计时
	var skillcen=document.querySelector('#skillcen');
	var skillSpan=skillcen.querySelectorAll('span');

	// 现在的时间
	var nowDate=new Date();
	// 活动时间
	var newDate=new Date('Jan 14 2017 21:00:13');

	// 时间差
	var thanT=Math.floor((newDate-nowDate)/1000);
	// console.log(thanT);

	var skillTimer=setInterval(function(){
		thanT--;

		// if(thanT < 0){
		// 	clearInterval(skillTimer);
		// 	return false;
		// }

		var h = Math.floor(thanT%86400/3600);
		var m = Math.floor(thanT%3600/60);
		var s = Math.floor(thanT%60);

		var str = toTwo(h) + ":" + toTwo(m) + ":" + toTwo(s);

		for (var i = 0; i < skillSpan.length; i++){
			skillSpan[i].innerHTML = str.charAt(i);
		}

	},1000);

	// 封装一个两位数的方法
	function toTwo(n){
		return n = n > 9 ? "" + n : "0" + n;
	}


	// 轮播图
	
	var banner=document.querySelector('ban');
	var banUl=banner.querySelector('ul');
	var banUlLi=banUl.querySelectorAll('li');
	var banOl=banner.querySelector('ol');


}


